.login
        min-height 100vh
        background-image: url(https://p.pstatp.com/origin/feca0003544cbfdb49bd);
        background-repeat: no-repeat;
        background-position: center;
        background-size:cover
        .row
            display flex
            justify-content center
            align-items: center;
            height:100vh
            .login-con
                max-width:340px
                padding: 20px
                transition all .6s
                margin-top:50px
                margin-bottom :50px
                border-radius:4px
                border: 1px solid rgba(255,255,255,0.4);
                background: rgba(255,255,255,1);
                box-shadow: 0 28px 50px rgba(25,24,40,.35);
                .login-img
                    width: 60%; 
                    margin: 10px 20%;
                .login-welcome
                    text-align center
                    color:var(--main-6)
                    line-height 30px
                    margin-bottom: 10px
                    font-weight: bold;
                    letter-spacing: 3px;
                    // font-family: '微软雅黑';
                .login-btn
                    text-align center
                    .user
                        font-size: 14px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding:0 5px
                .login-btn  button
                    width:100%
                    height:40px
                    background-image:linear-gradient(270deg,rgba(142, 239, 252,0.9),rgba(142, 197,252, 0.6));
                    color:#fff
                    margin:20px 0
                .login-btn button:hover
                    border 1px solid #fff
                    background-image:linear-gradient(270deg,rgba(142, 197,252, 0.6),rgba(142, 239, 252,0.9));
                    